<template>
  <div class="big-box">
    <!-- GoodsAction(底部购物车) -->
    <van-goods-action>
      <van-goods-action-icon
        :icon="isShowAction ? 'star-o' : 'star'"
        :text="isShowAction ? '未收藏' : '已收藏'"
        color="darkred"
        @click="isShowAction = !isShowAction"
      />
      <van-goods-action-icon icon="cart-o" text="购物车" :badge="Number(goodsCount)" />
      <van-goods-action-button type="danger" text="立即购买" />
      <van-goods-action-button type="warning" text="加入购物车" @click="changeButton"/>
    </van-goods-action>
    
  </div>
</template>

<script>
export default {
  data() {
    return {
      isShowAction: true
    };
  },
  methods : {
    changeButton(){
      this.$emit("changeButton")
    }
  },
  props :["goodsCount"]
};
</script>
 
<style lang = "less" scoped>
.van-goods-action{
  z-index: 999999999;
}
</style>